<template>
  <div id="App_main">
    <main_header />
    <div id="App_main-body">
      <upload />
    </div>
  </div>
</template>

<script lang="ts">
import main_header from './components/header.vue'
import upload from "./components/upload.vue";
import { defineComponent } from "vue";
export default defineComponent({
  name: "App_main",
  components: { main_header, upload },
  data(): any {
    return {};
  },
  methods: {},
  mounted() {
    console.log("[App.vue]", `Hello world from Electron ${process.versions.electron}!`)
  }
});
</script>

<style scoped>
#App_main {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#App_main #App_main-body {
  display: flex;
  align-items: center;
  flex-direction: column;
}
</style>